body,
html {
    
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.avatar {
    position: relative;
    height: 2rem;
    padding: 0 .3rem;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: .02rem solid #f5f5f5;

    .inputfile {
        opacity: 0;
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 0;
    }

    .lt {
        display: flex;
        align-items: center;

        span {
            font-size: .3rem;

            color: #333;
        }

        img {
            margin-left: 1rem;
            width: 1.28rem;
            height: 1.28rem;
            border-radius: 50%;
        }
    }

    .rt {
        width: .14rem;
        height: .24rem;
    }
}

.tel,
.worknum,
.username,
.tag,
.custom-tag {
    display: flex;
    height: 1rem;
    align-items: center;
    border-bottom: .02rem solid #f5f5f5;
    padding: 0 .3rem;
    box-sizing: border-box;
    .lts{
        display: flex;
        flex: 1;
    }
    .lt{
        display: flex;
        justify-content: space-between;
        width: 100%;
        .edit-tag{
            display: none;
            width: 1.5rem;
            height: .6rem;
            background: #2065a0;
            border-radius: .3rem;
            font-size: .28rem;
            color: #ffffff;
        }
    }
    .save {
        margin-left: .3rem;
        width: 1.5rem;
        height: .6rem;
        background: #2065a0;
        border-radius: .3rem;
        font-size: .28rem;
        color: #ffffff;
    }

    span {
        width: 1.6rem;
        font-size: .3rem;
        color: #333;
    }

    textarea {
        font-size: .3rem;
        flex: 1;
        color: #333;
        outline: 0;
        border: 0;
        height: 2rem;
    }

    input {
        outline: 0;
        border: 0;
        // width: 3rem;
        flex: 1;
        font-size: .3rem;

        color: #333;
    }
}

.introduce {
    display: flex;
    border-bottom: .02rem solid #f5f5f5;
    padding: .4rem .3rem;
    box-sizing: border-box;



    span {
        width: 1.6rem;
        font-size: .3rem;
        color: #333;
    }

    textarea {

        font-size: .3rem;
        flex: 1;
        color: #333;
        outline: 0;
        border: 0;
        height: 2rem;
    }

}

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #999999;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #999999;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #999999;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #999999;
}

.college,
.profess {
    display: flex;
    height: 1.2rem;
    align-items: center;
    justify-content: space-between;
    border-bottom: .02rem solid #f5f5f5;
    padding: 0 .3rem;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    .lt {
        display: flex;
        align-items: center;
        span {
            width: 1.6rem;
            font-size: .3rem;

            color: #333;
        }

        div {
            flex: 1;
            font-size: .3rem;
            color: #999999;
            text-overflow: -o-ellipsis-lastline;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 1;

        }

        select {
            width: 100%;
            height: 100%;
            position: absolute;
            // overflow: hidden;
            opacity: 0;
            font-size: .3rem;
            color: #999999;
            option{
                color: #999999;
            }
        }
    }

    .rt {
        flex: 1;
        justify-content: flex-end;
        display: flex;

        img {
            width: .14rem;
            height: .24rem;
        }
    }
}

.profess {
    border-bottom: .2rem solid #f5f5f5;
}

.custom-list {
    padding: 0 .3rem 0 .3rem;
    box-sizing: border-box;
    border-bottom: .2rem solid #f5f5f5;

    li {
        margin-bottom: .3rem;
        margin-right: .2rem;
        display: inline-block;
        
        border-radius: .3rem;
        border: .02rem solid #dfdfdf;
        font-size: .28rem;
        z-index: 0;
        color: #999999;
        position: relative;
        div{
            border-radius: .3rem;
            width: 100%;
            height: 100%;
            padding: .10rem .29rem;
            box-sizing: border-box;
        }
        div.selected {

            background: #2065a0;
            color: #fff;
        }
        .deltags{
            display: none;
            position: absolute;
            left: 0;
            top: -0.22rem;
            width: .35rem;
            height: .35rem;
            z-index: 99;
        }
        &::before {
            position: absolute;
            right: 0;
            top: 0;
            width: .2rem;
            height: .2rem;
            background: #000;
        }
    }

    
}

.submit {
    padding: .4rem .3rem;
    box-sizing: border-box;

    button {
        width: 100%;
        height: .88rem;
        background: #2065a0;
        font-size: .32rem;

        color: #ffffff;
    }
}